{% extends "administrative/base.html" %}

{% block page_link %}
    <script src="../../static/administrative/js/home.js"></script>
    <link rel="stylesheet" href="../../static/announcements/css/style.css">
{% endblock %}


{% block style %}
    <style>
        .add_class{
            background: #1E90FF;
        }
        .left_c2{
            border-bottom: 1px dashed #cfcfcf;padding-right: 3%;height: 30px;cursor: pointer;margin-top: 6%;
        }
        .leftdiv{
            width: 30px;text-align: center;display: inline-block;
        }
    </style>
{% endblock %}



{% block right_content %}
    <div class="headline">
        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">
            <a href="home.html" style="color: #0b0b0b;">
                <i class="iconfont icon-xinwen1"></i>
                <span> 行政首页</span>
            </a>
        </div>
    </div>
    <div style="width: 100%;height: 95.5%;overflow: auto;">
        <div style="width: 15%;height: 100%;display: inline-block;vertical-align: top;border-right: #c8cbcf solid 1px;padding-left: 5px;padding-top: 5px;">
            <div style="border-left: #0c6fd9 solid 2px;width: 90%;height: 30px;padding-left: 5px;position: relative;margin-top: 4%;">
                <p style="position: absolute;bottom: 0;padding: 0;margin: 0;">行政申请统计</p>
            </div>
            <div style="width: 100%;height: 10%;margin-top: 4%;">
                <div style="width: 100%;">
                    <button style="width: 45%;border-radius: 3px;border: #F0F0F0 solid 1px;background: #E0E0E0;font-size: 10px;">
                        <p style="text-align: center;width: 48%;display: inline-block;">公文</p>
                        <p style="text-align: center;width: 48%;display: inline-block;">{{ post_single_num }}</p>
                    </button>
                    <button style="width: 45%;border-radius: 3px;border: #F0F0F0 solid 1px;background: #E0E0E0;margin-left: 5%;font-size: 10px;">
                        <p style="text-align: center;width: 48%;display: inline-block;">车辆</p>
                        <p style="text-align: center;width: 48%;display: inline-block;">{{ car_num }}</p>
                    </button>
                </div>
                <div style="width: 100%;margin-top: 4%;">
                    <button style="width: 45%;border-radius: 3px;border: #F0F0F0 solid 1px;background: #E0E0E0;font-size: 10px;">
                        <p style="text-align: center;width: 48%;display: inline-block;">会议</p>
                        <p style="text-align: center;width: 48%;display: inline-block;">{{ metting_num }}</p>
                    </button>
                    <button style="width: 45%;border-radius: 3px;border: #F0F0F0 solid 1px;background: #E0E0E0;margin-left: 5%;font-size: 10px;">
                        <p style="text-align: center;width: 48%;display: inline-block;">议题</p>
                        <p style="text-align: center;width: 48%;display: inline-block;">{{ Iss_num }}</p>
                    </button>
                </div>
            </div>

            <div style="border-left: #0c6fd9 solid 2px;width: 90%;height: 30px;padding-left: 5px;position: relative;margin-top: 4%;">
                <p style="position: absolute;bottom: 0;padding: 0;margin: 0;">按主题统计（公文）</p>
            </div>
            <div id="info-group" style="width: 100%;height: 75%;margin-top: 4%">
{#                <div>#}
{#                    <div style="">#}
{#                        <span style="color: ">1</span>#}
{#                    </div>#}
{#                    <p style="width: 150px;display: ;">京医发</p>#}
{#                    <p style="width: 40px;display: inline-block;">999</p>#}
{#                </div>#}

            </div>
        </div>
    </div>
{% endblock %}

{% block script %}
    <script>
        function click_ul_9() {
            if (document.getElementById("jiantou5").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator-1").style.display = "inline-block";
            }else {
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator-1").style.display = "none";
            }
        }

        function click_ul_10() {
            if (document.getElementById("jiantou4").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator").style.display = "inline-block";
            }else {
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator").style.display = "none";
            }
        }

        var obj_dict = {{ obj_dict | safe }};
        for(var i=0,l=obj_dict.length;i<l;i++){
            var count_num = 1
            var info_group = document.getElementById("info-group");
        　　for(var key in obj_dict[i]){
              var div = document.createElement("div");div.className="left_c2";
              var div_1 = document.createElement("div");div_1.className="leftdiv";
              var span = document.createElement("span");span.innerText=count_num;
              if (count_num < 4){
                  span.style.color="#fe9250";
              }
              div_1.appendChild(span);div.appendChild(div_1);
              var span_1 = document.createElement("span");span_1.innerText=key;span_1.style.width="150px";span_1.style.display="inline-block";
              var span_2 = document.createElement("span");span_2.innerText=obj_dict[i][key];span_2.style.width="40px";span_2.style.display="inline-block";
        　　   div.appendChild(span_1);div.appendChild(span_2);
              info_group.appendChild(div)
              count_num += 1;
            }
        }
    </script>
{% endblock %}